<template>
	<div class="theContent">
		<contentTitle title="项目信息"></contentTitle>
		<contentBox class="theEchart">
			项目信息 项目信息 项目信息 项目信息 项目信息
		</contentBox>
	</div>
</template>

<script>
import contentBox from "@/views/cockpit/components/contentBox.vue"
import contentTitle from "@/views/cockpit/components/contentTitle.vue"

export default {
	components: {
		contentBox,contentTitle
	},
	data() {
		return {
					
		};
	},
	mounted() {
		this.loadData();		
	},
	beforeDestroy() {
		this.clearData();
	},
	methods: {
		clearData() {
			if (this.timer) {
				clearInterval(this.timer);
				this.timer = null;
			}
		},
		loadData() {
			this.loading = false;
		},
	}
};
</script>
<style lang="scss" scoped>
.theContent {	
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap:20px;
	
	.theEchart {
		flex:1;
	}
}	
</style>
